{% extends "base_generic.html" %}
{% block title %}{{ post.Title }}{% for tag in tags %} - {{ tag }}{% endfor %}{% endblock %}
{% block script %}
<script type="text/javascript">
  $(document).ready(function() {
  });
</script>
{% endblock %}
{% block content %}
<p id="breadcrumbs"><a href="/">zomeon</a> ›</p>
<h1>{{ post.Title|escape }}</h1>
<img src="http://www.gravatar.com/avatar/{{ author.EmailHash }}?s=40&d=identicon&r=PG" id="qavatar" />
<div id="maincontent">
<p id="tags">
{% for tag in tags %}
<a href="/tag/{{ tag|urlencode }}">{{ tag }}</a>
{% endfor %}
</p>
<div id="question">
{{ post.Body }}
</div>

<p id="source"><em>Question posted by 
{% if author.DisplayName != None %}
  <a href="http://stackoverflow.com/users/{{ author.Id }}/{{ author.DisplayName }}">{{ author.DisplayName }}</a>
{% else %}
  an anonymous user
{% endif %}
in <a href="http://www.stackoverflow.com/questions/{{ post.Id }}/{{ post.Title|slugify }}">Stack Overflow</a>.</em></p>

<h2 id="answerstitle">{{ post.AnswerCount|default_if_none:"0" }} Answers <span>for "{{ post.Title|escape }}"</span></h2>
<div id="answers">
{% for answer in answers %}
<div class="answer">
  {% if answer.0.Id == bestId %}
    <img src="/img/best.png" class="best" />
  {% endif %}
  <img class="avatar" src="http://www.gravatar.com/avatar/{{ answer.1.EmailHash }}?s=32&d=identicon&r=PG" />
  <p class="author"><a href="http://stackoverflow.com/users/{{ answer.1.Id }}/{{ answer.1.DisplayName }}">{{  answer.1.DisplayName }}</a> replied:</p>
  {{ answer.0.Body }}
</div>
{% endfor %}
</div>

{% endblock %}
</div>